<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta htttp-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>麦知网</title>
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css">
    <link rel="stylesheet" href="css/market.css">
    <link href="ico/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"/>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="js/check.js"></script>
    <style>
        .splash-subhead a:link,.splash-subhead a:visited{
            color: white;
            text-decoration: none;
        }
        .button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        .button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }

        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }
        @font-face { 
            font-family:'tit'; 
            src :url('fonts/8866.otf'); 
            font-style:  normal;
        } 
    </style>
    <script type="text/javascript" src="js/login.js"></script>
    <script type="text/javascript">
    window.onload=function(){
        $("#reg").hide();
        $("#find").hide();
        //document.getElementById('wtf').disabled=true;
        var datas=localStorage.getItem('EDU_auth');
        if(datas){
            var reg=/\,/;
            var section=datas.split(reg);
            localLogin(section[0],section[1]);
        }
    }
    function reg(){
        $("#pic").hide();
        $("#find").hide();
        $("#pic").fadeOut();
        $("#reg").fadeIn();
    }
    function pic(){
        $("#reg").hide();
        $("#find").hide();
        $("#reg").fadeOut();
        $("#pic").fadeIn();
    }
    function finds(){
        $("#pic").hide();
        $("#reg").hide();
        $("#reg").fadeOut();
        $("#pic").fadeOut();
        $("#find").fadeIn();
    }

    </script>
  </head>

  <body>
    <div class="header">
    <div class="home-menu pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed">
        
            <ul>
                <li class="pure-menu-selected">
                    <form class="pure-form" method="get">
                        <fieldset>
                            <input type="email" id="email2" placeholder="您的邮箱">
                            <input type="password" id="password2" placeholder="您的密码">
                            <button type="button" style="background-color:#006699" class="pure-button pure-button-primary" onclick="login();"><b>登入</b></button>
                            <button class="pure-button pure-button-primary" style="background-color:#006699" type="button" onclick="finds()"><b>找回密码</b></button>
                        </fieldset>
                        <div id="login"></div>
                    </form>
                
            </ul>
        </div>
    </div>
    <div class="splash-container">
    <div class="splash">
        <div id="pic">
            <h1 class="splash-head" style="font-family:tit"><span>麦知</span>: 学问有余,可为人师 </h1>
            <p class="splash-subhead">
                <a href="javascript:void(0)" onclick="reg()">内测资格申请 <i class="fa fa-chevron-circle-right"></i></a>
            </p>
        </div>
        <div id="reg">
            <form class="pure-form pure-form-aligned" >
                <fieldset>
                    <!--
                    <div class="pure-control-group">
                        <div>
                            <input id="name" type="text" onblur="check(1)" placeholder="用户名">
                        </div>
                        <div id='userName'></div>
                    </div>
                    <div class="pure-control-group">
                        <div>
                            <input id="email" type="email" onblur="check(2)" placeholder="邮箱">
                        </div>
                        <div id='userEmail'></div>
                    </div>
                    <div class="pure-control-group">
                        <div>
                            <input id="password" type="password" onblur="check(3)" placeholder="密码">
                        </div>
                        <div id='userPwd'></div>
                    </div>
                    <div class="pure-control-group">
                        <div>
                            <input id="invited" type="text" onblur="check(4)" placeholder="邀请码">
                        </div>
                        <div id='userInvite'></div>
                    </div>
                    
                    <div class="pure-control-group">
                        <div>
                            <input id="name" type="text" placeholder="真实姓名">
                        </div>
                        <div id='userName'></div>
                    </div>-->
                    <div class="pure-control-group">
                        <div>
                            <input id="email" type="email" onblur="check(4)" placeholder="邮箱">
                        </div>
                        <div id='userEmail'></div>
                    </div>
                    <div class="pure-control-group">
                        <div>
                            <input id="password" onblur="check(6)" type="password" required="required" placeholder="密码">
                        </div>
                    </div>
                    <div class="pure-control-group">
                        <div>
                            <input id="work" onblur="check(6)" type="text" required="required" placeholder="职业">
                        </div>
                    </div>
                    <div class="pure-control-group">
                        <div>
                            <input id="position" onblur="check(6)" required="required" type="text" placeholder="所在地">
                        </div>
                    </div>
                    <div class="pure-control-group">
                        <div>
                            <input id="age" onblur="check(5)" type="text" placeholder="年龄" onblur="check(5);">
                            <div id="ageresult"></div>
                        </div>
                    </div>
                    <div class="pure-control-group">
                        <select id="sex" required="required">
                            <option value="1">男</option>
                            <option value='2'>女</option>
                        </select>
                    </div>
                    <!--<a href="{% url 'users:agreement' 1 %}" target="_blank">请阅读麦知网用户协议</a>-->
                    <div class="pure-control-group">
                        
                        <div id="log"></div>
                        <div class="pure-g" style="margin-top:20px">

                            <div class="pure-u-1-2">
                                <div class="pull-right" style="margin-right:20px;">
                                    <a href="javascript:void(0)" type="button" class="pure-button-primary pure-button" onclick="pic()"><!--<i class="fa fa-chevron-circle-left"></i>--> 点击返回 </a>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            
                            <!--<div class="pure-u-1-4">
                                <button type="button" id="wtf" class="button-success pure-button" onclick="regi()">提交注册</button>
                            </div>-->
                             <div class="pure-u-1-2">
                                <div class="pull-left" style="margin-left:20px;">
                                    <button type="button" id="wtf" disabled="ture" class="button-success pure-button" onclick="opopop()">提交申请</button>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                           
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
        <div id="find">
            <form class="pure-form pure-form-aligned" >
                <fieldset>
                    <div class="pure-control-group">
                        <!--<div class="pure-u-1-4"></div>
                        <label for="name"  style="color:white">用户名</label>-->
                        <div id="findResult"></div>
                        <div>
                            <input id="findEmail" type="text" placeholder="您的邮箱">
                        </div>
                        <div id='userName'></div>
                    </div>
                    <div class="pure-control-group">
                        <div id="log"></div>
                        <div class="pure-g" style="margin-top:30px">
                            <div class="pure-u-1-2" style="padding-right:20px;">
                                <div class="pull-right">
                                    <button type="button" class="button-warning pure-button" onclick="pic()"><!--<i class="fa fa-chevron-circle-left"></i>--> 返回 </button>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            
                            <div class="pure-u-1-2" style="padding-left:20px;">
                                <div class="pull-left">
                                    <button type="button" class="button-success pure-button" onclick="findPwd()">找回</button>
                                 </div>
                                <div class="clearfix"></div>
                            </div>
                            
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
    </div>
    <div class="content-wrapper">
    <div class="content">
        <h2 class="content-head is-center">麦知网项目意见群：245909821</h2>
        <div class="pure-g">
            <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">

                <h3 class="content-subhead">
                    <i class="fa fa-bullhorn"></i>
                    一呼百应
                </h3>
                <p>
                    学习者是需要彼此相助的，在这个团队里，大家可以相互帮助，才能相互成长，你不是独行者。 
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
                <h3 class="content-subhead">
                    <i class="fa fa-cloud"></i>
                    小组云
                </h3>
                <p>
                    人海茫茫，难寻一路同行者，发现他们，加入他们，实现共同的理想 
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
                <h3 class="content-subhead">
                    <i class="fa fa-group"></i>
                    一群相同兴趣的人
                </h3>
                <p>
                    三人之行，必有我师，向优秀者学习，向求知者授智。 
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4">
                <h3 class="content-subhead">
                    <i class="fa fa-play-circle"></i>
                    短课时学习
                </h3>
                <p>
                    十分钟可以做什么，学一种语句，记二十个单词，读一篇美文，学一种语法，记住一个命令……
                </p>
            </div>
        </div>
    </div>
    </div>
  </body>
</html>
